<template>
    <div  class="container">
      <div class="banner">
        <img :src="bannerImageUrl" style="width: 95%"/>
      </div>
    </div>
</template>

<script>
  import BunnerImgUrl from '@/assets/image/banner_insurance.png'

  export default {
    name: 'HelloWorld',
    props: ['productList'],
    data () {
      return {
        bannerImageUrl: BunnerImgUrl
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .container {
    display: flex;
    flex-direction: column;
    padding: 0px 0px 0px 15px;
    background: white;
  }

  .container::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #F8F8F8;
    /*background: red;*/
    position: relative;
  }

  .banner {
    background: white;
    display: block;
    justify-content: center;
    text-align: center;
    margin-left: -15px;
    padding-top: 10px
  }
</style>
